<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS</title>
<style type="text/css">
        p{
            color:blue;
            font-size: 40px;
        }
</style>
</head>
<body>
    <!--
    1.可以将CSS样式编写到head中的style标签里,标签{"设置的样式"},这样子复用程度好一点
    2.可以将CSS样式编写到元素的style属性当中
    将样式写到我们标签的style属性中,这种样式我们称之为内联样式
    内联样式只会对当前的元素中的内容起作用,内联样式不方便复用
    3.还可以将样式表编写到外部的CSS文件中,然后通过link标签来将外部的CSS文件引入到当前的页面中,
    好处:完全使表现和结构分离,可以是样式表可以在不同的页面中使用
    <link rel="stylesheet" type="text/css" href="style.css">
      前面两个是固定值  最后一个是文件的路劲
    -->
    <p style="color:red;font-size:40px;">锄禾日当午,汗滴禾下土</p>
    <p>谁知盘中参,粒粒皆辛苦</p>
    <p>谁知盘中参,粒粒皆辛苦</p>
    <p>谁知盘中参,粒粒皆辛苦</p>
    <p>谁知盘中参,粒粒皆辛苦</p>
</body>
</html>